.intro-page{
	// banner
	.banner-wrap-b{
		background: #2b4c5a url(../img/intro_b_banner.png) center center no-repeat;
	}
	.banner-wrap-c{
		background: #3e4663 url(../img/intro_c_banner.png) center center no-repeat;
	}
	.banner-wrap{
		height: 700px;
		.banner-info{
			.est-layout-page( @main-width );
			text-align: center;
			color: #fff;
			padding-top: 194px;
			h2{
				font-size: 70px;
				font-weight: normal;
				line-height: 130px;
			}
			.info{
				font-size: 30px;
			}
			.download-wrap {
				.clearfix();
				.est-layout-page( 400px);
				padding-top: 50px;
				a{
				 	color: #fff;
				 	font-size: 20px;
				 	display: inline-block;
				 	width: 170px;
				 	height: 60px;
				 	line-height: 60px;
				 	text-decoration: none;
				 	text-align: center;
				 	border: 1px solid #fff;
				 	&.iphone{
				 		float: left;
				 	}
				 	&.android{
				 		float: right;
				 	}
				}
				a:hover{
					background-color: #fff;
				 	.rgba-background(rgba(0, 0, 0, 0.3));
				}
			}
		}
	}
	// banner end
	// list
	.section{
		height: 900px;
		.section-info{
			position: relative;
			.est-layout-page( 850px );
			.pic,.info{
				position: absolute;
			}
			.pic{
				top: 136px;
				img{
					width: 296px;
				}
			}
			.info{
				h4{
					font-size: 50px;
					color: #005bac;
					line-height: 130px;
				}
				.detail{
					font-size: 20px;
					color: #2c3e50;
				}
			}
		}
	}
	.section-odd{
		.pic{
			left: 0;
		}
		.info{
			right: 0;
			top: 310px;
		}
	}
	.section-even{
		background-color: #f4f7f9;
		.pic{
			right: 0;
		}
		.info{
			left: 0;
			top: 260px;
		}
	}
	// list end
}